<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>联系人信息填写</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="js/lib/weui.min.css">
    <link rel="stylesheet" href="css/jquery-weui.min.css">
    <link rel="stylesheet" href="css/form.css">
    
</head>
<body ontouchstart>
    <div class="page_bd">
        <div class="base_info_wp">
            <div class="base_info">
                <p>姓名:张三</p>
                <p>申请时间:2018-03-05 14:00</p>
                <p>申请编号:XS2018030514002248</p>
            </div>
            
        </div>
    </div>
    <div class="page__bd">
        <form method="POST" action="test.php" id="form">
        <div class="section">
            <h4>联系人信息</h4>
        </div>
        <div class="weui-cells__title">配偶信息</div>
        <div class="weui-cells weui-cells_form">

            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">配偶姓名</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text"  placeholder="请输入配偶姓名">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">身份证号</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text"  placeholder="请输入配偶身份证号">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">联系方式</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="tel"  placeholder="请输入配偶联系方式">
                </div>
            </div>
            <div class="weui-cell weui-cell_switch">
                <div class="weui-cell__bd">知晓贷款</div>
                <div class="weui-cell__ft">
                    <input class="weui-switch" type="checkbox">
                </div>
                
            </div>
            <div class="weui-cell weui-cell_switch">
                <div class="weui-cell__bd">在本地</div>
                <div class="weui-cell__ft">
                    <input class="weui-switch" type="checkbox">
                </div>
                
            </div>
        </div>
        <div class="weui-cells__title">共借人信息</div>
        <div class="weui-cells weui-cells_form">

            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">共借人姓名</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text"  placeholder="请输入共借人姓名">
                </div>
            </div>
            
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">联系方式</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="tel"  placeholder="请输入共借人联系方式">
                </div>
            </div>
            <div class="weui-cell weui-cell_switch">
                <div class="weui-cell__bd">知晓贷款</div>
                <div class="weui-cell__ft">
                    <input class="weui-switch" type="checkbox">
                </div>
                
            </div>
            <div class="weui-cell weui-cell_switch">
                <div class="weui-cell__bd">在本地</div>
                <div class="weui-cell__ft">
                    <input class="weui-switch" type="checkbox">
                </div>
                
            </div>
        </div>
        <div class="weui-cells__title">直系亲属信息</div>
        <div class="weui-cells weui-cells_form">

            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">直系亲属姓名</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text"  placeholder="请输入直系亲属姓名">
                </div>
            </div>
            <div class="weui-cell weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd">
                    <label for="" class="weui-label">关系</label>
                </div>
                <div class="weui-cell__bd">
                    <select class="weui-select" name="select2">
                        <option value="1">父亲</option>
                        <option value="2">母亲</option>
                        <option value="3">儿子</option>
                        <option value="4">女儿</option>
                        <option value="5">其他</option>
                    </select>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">联系方式</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="tel"  placeholder="请输入亲属联系方式">
                </div>
            </div>
            <div class="weui-cell weui-cell_switch">
                <div class="weui-cell__bd">知晓贷款</div>
                <div class="weui-cell__ft">
                    <input class="weui-switch" type="checkbox">
                </div>
                
            </div>
            <div class="weui-cell weui-cell_switch">
                <div class="weui-cell__bd">在本地</div>
                <div class="weui-cell__ft">
                    <input class="weui-switch" type="checkbox">
                </div>
                
            </div>
        </div>
        <div class="weui-cells__title">亲属联系人1</div>
        <div class="weui-cells weui-cells_form">

            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">姓名</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text"  placeholder="请输入亲属姓名">
                </div>
            </div>
            <div class="weui-cell weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd">
                    <label for="" class="weui-label">关系</label>
                </div>
                <div class="weui-cell__bd">
                    <select class="weui-select" name="select2">
                        <option value="1">父亲</option>
                        <option value="2">母亲</option>
                        <option value="3">儿子</option>
                        <option value="4">女儿</option>
                        <option value="5">其他</option>
                    </select>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">联系方式</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="tel"  placeholder="请输入亲属联系方式">
                </div>
            </div>
            <div class="weui-cell weui-cell_switch">
                <div class="weui-cell__bd">知晓贷款</div>
                <div class="weui-cell__ft">
                    <input class="weui-switch" type="checkbox">
                </div>
                
            </div>
            <div class="weui-cell weui-cell_switch">
                <div class="weui-cell__bd">在本地</div>
                <div class="weui-cell__ft">
                    <input class="weui-switch" type="checkbox">
                </div>
                
            </div>
        </div>
        <div class="weui-cells__title">同事联系人2</div>
        <div class="weui-cells weui-cells_form">

            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">姓名</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text"  placeholder="请输入同事姓名">
                </div>
            </div>
            <div class="weui-cell weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd">
                    <label for="" class="weui-label">关系</label>
                </div>
                <div class="weui-cell__bd">
                    <select class="weui-select" name="select2">
                        <option value="1">亲属</option>
                        <option value="2">朋友</option>
                        <option value="3">同事</option>
                    </select>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">联系方式</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="tel"  placeholder="请输入同事联系方式">
                </div>
            </div>
            <div class="weui-cell weui-cell_switch">
                <div class="weui-cell__bd">知晓贷款</div>
                <div class="weui-cell__ft">
                    <input class="weui-switch" type="checkbox">
                </div>
                
            </div>
            <div class="weui-cell weui-cell_switch">
                <div class="weui-cell__bd">在本地</div>
                <div class="weui-cell__ft">
                    <input class="weui-switch" type="checkbox">
                </div>
                
            </div>
        </div>
        <div class="weui-cells__title">其他联系人3</div>
        <div class="weui-cells weui-cells_form">

            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">姓名</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text"  placeholder="请输入联系人姓名">
                </div>
            </div>
            <div class="weui-cell weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd">
                    <label for="" class="weui-label">关系</label>
                </div>
                <div class="weui-cell__bd">
                    <select class="weui-select" name="select2">
                        <option value="1">亲属</option>
                        <option value="2">朋友</option>
                        <option value="3">同事</option>
                    </select>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">联系方式</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="tel"  placeholder="请输入联系方式">
                </div>
            </div>
            <div class="weui-cell weui-cell_switch">
                <div class="weui-cell__bd">知晓贷款</div>
                <div class="weui-cell__ft">
                    <input class="weui-switch" type="checkbox">
                </div>
                
            </div>
            <div class="weui-cell weui-cell_switch">
                <div class="weui-cell__bd">在本地</div>
                <div class="weui-cell__ft">
                    <input class="weui-switch" type="checkbox">
                </div>
                
            </div>
        </div>
        <div class="weui-cells__title">其他联系人4</div>
        <div class="weui-cells weui-cells_form">

            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">姓名</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text"  placeholder="请输入联系人姓名">
                </div>
            </div>
            <div class="weui-cell weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd">
                    <label for="" class="weui-label">关系</label>
                </div>
                <div class="weui-cell__bd">
                    <select class="weui-select" name="select2">
                        <option value="1">亲属</option>
                        <option value="2">朋友</option>
                        <option value="3">同事</option>
                    </select>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">联系方式</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="tel"  placeholder="请输入联系方式">
                </div>
            </div>
            <div class="weui-cell weui-cell_switch">
                <div class="weui-cell__bd">知晓贷款</div>
                <div class="weui-cell__ft">
                    <input class="weui-switch" type="checkbox">
                </div>
                
            </div>
            <div class="weui-cell weui-cell_switch">
                <div class="weui-cell__bd">在本地</div>
                <div class="weui-cell__ft">
                    <input class="weui-switch" type="checkbox">
                </div>
                
            </div>
        </div>
            
        <div class="next_btn">
            <a href="javascript:next()">下一步</a>
        </div>
        </form>
    </div>         
</body>
<script src="js/jquery-2.1.4.js"></script>
<script src="js/jquery-weui.min.js"></script>
<script src="js/city-picker.min.js"></script>
<script>
    $("#city-picker").cityPicker({
        showDistrict: false
    });
    function next(){
        var form = $('#form');
        var notEmpty = true;
        $('#form input').each(function(idx,ele){
           
            if($.trim($(ele).val()) == ''){
                alert('所有信息均为必填项');
                $(ele).focus();
                notEmpty = false;
                return false;
            }
        })
        
        if(notEmpty){
            if($.trim($('#user_tel')).length != 11){
                return alert('请正确填写手机号');
            }
            form.submit();
        }
    }
        
</script>
</html>